<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="../templates/commonClient.xhtml">
	<ui:define name="pageTitle">Title</ui:define>
	<ui:define name="pageHeader">Header</ui:define>

	<ui:define name="container">
		<h:form>
		<div class="row">

				<div class="col-lg-12">
					<h1 class="page-header">
						Voyage Sélectionné <small>de voyage pack</small>
					</h1>
					<ol class="breadcrumb">
						<li><a href="accueil.jsf">Accueil</a></li>
						<li><a href="index.html">Offres de voyages</a></li>
						<li><a href="index.html">Voyage Sélectionné</a></li>
						<li class="active">Récapitulatif de réservation</li>
					</ol>
				</div>

			</div>

			<div class="row">

				<div class="col-lg-8">

					<div class="panel panel-default">
						<div class="panel-heading">Récapitulation de la commande</div>
						<div class="panel-body">
							<div class="form-group">
								<label>Départ</label> <inputText class="form-control"
									disabled="true" />
							</div>
							<div class="form-group">
								<label>Destination</label> <inputText class="form-control"
									disabled="true" />
							</div>
							<div class="form-group">
								<label for="disabledSelect">Date aller</label> <inputText
									class="form-control" id="disabledInput" type="text"
									placeholder="Disabled input" disabled="true" />
							</div>
							<div class="form-group">
								<label for="disabledSelect">Date retour</label> <inputText
									class="form-control" id="disabledInput" type="text"
									placeholder="Disabled input" disabled="true" />
							</div>
							<div class="form-group">
								<label>Nombre de Passagers</label> <select class="form-control">
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
								</select>
							</div>
							<div class="form-group">
								<label>Prix par personne</label> <inputText class="form-control"
									disabled="true" />
							</div>
						</div>
						<h:commandButton type="submit" class="btn btn-info"
							style="margin-left: 300px;" value="Réservation"/>
					</div>

				</div>

				<div class="col-lg-4">
					<div class="well">
						<h4>Rechercher un Voyage</h4>
						<div class="input-group">
							<inputText type="text" class="form-control" /> <span
								class="input-group-btn">
								<button class="btn btn-default" type="button">
									<span class="glyphicon glyphicon-search"></span>
								</button>
							</span>

						</div>
						<!-- /input-group -->
					</div>
					<!-- /well -->
					<div class="well">
						<h4>Mon compte infos</h4>

					</div>
					<!-- /well -->

				</div>

			</div>
			<!-- /.container -->
		</h:form>
	
	</ui:define>

</ui:composition>

</html>